<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>svg</title>
  </head>
  <body>
    <svg width="800" height="400">
      <!-- <line x1="100" y1="100" x2="200" y2="200" stroke="#000"></line>
      <line x1="200" y1="200" x2="200" y2="100" style="stroke: #000;"></line>
      <line x1="200" y1="100" x2="100" y2="100" style="stroke: #000;"></line> -->

      <!-- <polyline
        points="100 100 200 200 200 100"
        style="stroke: #000;fill: none;"
      /> -->
      <!-- <polyline points="100 100 200 200 200 100" stroke="#000" fill="none" /> -->

      <!-- <rect
        x="100"
        y="100"
        width="200"
        height="100"
        style="stroke: #000;fill: none;"
      ></rect> -->

      <!-- <circle cx="60" cy="60" r="50" style="stroke:black; fill:none"></circle>

      <ellipse
        cx="400"
        cy="100"
        rx="100"
        ry="50"
        style="stroke:black;fill:none"
      ></ellipse>

      <polygon
        points="100 100, 150 50, 200 100, 175 150, 125 150"
        style="stroke:black;fill: none;"
      /> -->

      <path
        d="
        M 50 50
        L 100 100
        L 200 100
        A 50 50 0 0 0 100 100
        M 200 200
        C 200 200 200 300 300 300
        C 300 300 400 300 400 400
      "
        style="stroke:black;fill: none;"
      ></path>
    </svg>

    <svg viewBox="0 0 1024 1024" width="16" height="16">
      <path
        d="M512 789.333333c-243.626667 0-435.626667-253.866667-443.733333-264.533333a21.76 21.76 0 0 1 0-25.6c8.106667-10.666667 200.106667-264.533333 443.733333-264.533333s435.626667 253.866667 443.733333 264.533333c5.546667 7.68 5.546667 17.92 0 25.6-8.106667 10.666667-200.106667 264.533333-443.733333 264.533333zM112.64 512c41.813333 50.773333 206.933333 234.666667 399.36 234.666667s357.546667-183.893333 399.36-234.666667c-41.813333-50.773333-206.933333-234.666667-399.36-234.666667-192.853333 0-357.546667 183.893333-399.36 234.666667z"
        fill="#2c2c2c"
      ></path>
      <path
        d="M512 640c-70.4 0-128-57.6-128-128s57.6-128 128-128 128 57.6 128 128-57.6 128-128 128z m0-213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333s38.4 85.333333 85.333333 85.333333 85.333333-38.4 85.333333-85.333333-38.4-85.333333-85.333333-85.333333z"
        fill="#2c2c2c"
      ></path>
    </svg>
  </body>
</html>
